<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div th:fragment="headcss" >
    <link href="js/iCheck/skins/minimal/minimal.css" th:href="@{/js/iCheck/skins/minimal/minimal.css}" rel="stylesheet">
    <link href="js/iCheck/skins/square/square.css" th:href="@{/js/iCheck/skins/square/square.css}" rel="stylesheet">
    <link href="js/iCheck/skins/square/red.css" th:href="@{/js/iCheck/skins/square/red.css}" rel="stylesheet">
    <link href="js/iCheck/skins/square/blue.css" th:href="@{/js/iCheck/skins/square/blue.css}" rel="stylesheet">
</div>
<div id="scriptjs" >
    <!-- Placed js at the end of the document so the pages load faster -->
    <script th:src="@{/js/jquery-1.10.2.min.js}"></script>
    <script th:src="@{/js/jquery-ui-1.9.2.custom.min.js}"></script>
    <script th:src="@{/js/jquery-migrate-1.2.1.min.js}"></script>
    <script th:src="@{/js/bootstrap.min.js}"></script>
    <script th:src="@{/js/modernizr.min.js}"></script>
    <script th:src="@{/js/jquery.nicescroll.js}"></script>
</div>
<div id="custommenu" >
    <!--sidebar nav start-->
    <ul class="nav nav-pills nav-stacked custom-nav">
        <li class="menu-list nav-active">
            <a href="index.html">
                <i class="fa fa- home"></i>
                <span>Dashboard</span>
            </a>
            <ul class="sub-menu-list">
                <li><a th:href="@{/index_alt.html}"> Dashboard 1</a></li>

                <li class="active"><a href="index.html"> Dashboard 2</a></li>
            </ul>
        </li>
        <li class="menu-list">
            <a href="#">
                <i class="fa fa-th-list"></i>
                <span>Data Tables</span>
            </a>
            <ul class="sub-menu-list">
                <li><a th:href="@{/basic_table.html}">基本表格</a></li>
                <li><a th:href="@{/form.html}"> 文件上传</a></li>
                <li><a th:href="@{/responsive_table.html}"> Responsive Table</a></li>
                <li><a th:href="@{/editable_table.html}"> Edit Table</a></li>
            </ul>
        </li>
        <li class="menu-list">
            <a href="#">
                <i class="fa fa-map-marker"></i>
                <span>Maps</span>
            </a>
            <ul class="sub-menu-list">
                <li><a th:href="@{/google_map.html}"> Google Map</a></li>
                <li><a th:href="@{/vector_map.html}"> Vector Map</a></li>
            </ul>
        </li>
        <li class="menu-list">
            <a href="">
                <i class="fa fa-file-text"></i>
                <span>Extra Pages</span>
            </a>
            <ul class="sub-menu-list">
                <li><a href="profile.html"> Profile</a></li>
                <li><a href="invoice.html"> Invoice</a></li>
                <li><a href="pricing_table.html"> Pricing Table</a></li>
                <li><a href="timeline.html"> Timeline</a></li>
                <li><a href="blog_list.html"> Blog List</a></li>
                <li><a href="blog_details.html"> Blog Details</a></li>
                <li><a href="directory.html"> Directory </a></li>
                <li><a href="chat.html"> Chat </a></li>
                <li><a href="404.html"> 404 Error</a></li>
                <li><a href="500.html"> 500 Error</a></li>
                <li><a href="registration.html"> Registration Page</a></li>
                <li><a href="lock_screen.html"> Lockscreen </a></li>
            </ul>
        </li>
        <li><a href="login.html">
            <i class="fa fa-sign-in"></i>
            <span>Login Page</span>
        </a>
        </li>
    </ul>
    <!--sidebar nav end-->
</div>
</body>
</html>